<?php use_helper('jQuery', 'I18N', 'Date') ?>

<div id="mostrar" title="<?php echo __("Datos del Vehículo")?>" class="vehiculo">
	<span id='mostrarOcultarContacto' class='mostrarMasDatos'/>    
	<div id="datosCliente">
	    <?php include_partial('contacto/muestraContacto',array ('cliente' => $cliente)) ?>
	</div>
	<span id='mostrarOcultarVehiculo' class='ocultarMasDatos'/>
	<div id="datosVehiculo">
	   <?php include_partial('vehiculo/muestraVehiculo',array('vehiculo'=> $vehiculo))?>
	</div>
</div>

<script language="JavaScript" type="text/javascript">
  	$(function() {
            var mostrarContacto = false;
  	    var mostrarVehiculo = true;
  	    $("#masmenosContacto").hide();
  	    $("#mostrarOcultarContacto").click(function () {
  			$("#masmenosContacto").toggle("slow");
  			if (mostrarContacto){
  	  			mostrarContacto = false;
  	  			$("#mostrarOcultarContacto").addClass('mostrarMasDatos');
  	  		    $("#mostrarOcultarContacto").removeClass('ocultarMasDatos');
  			}else{
  	  			mostrarContacto = true;
  	  			$("#mostrarOcultarContacto").removeClass('mostrarMasDatos');
  	  			$("#mostrarOcultarContacto").addClass('ocultarMasDatos');
  	  		}
  		});    
  		$("#mostrarOcultarVehiculo").click(function () {
  			$("#masmenosVehiculo").toggle("slow");
  			if (mostrarVehiculo){
  	  			mostrarVehiculo = false;
  	  			$("#mostrarOcultarVehiculo").addClass('mostrarMasDatos');
  	  		        $("#mostrarOcultarVehiculo").removeClass('ocultarMasDatos');
  			}else{
  	  			mostrarVehiculo = true;
  	  			$("#mostrarOcultarVehiculo").removeClass('mostrarMasDatos');
  	  			$("#mostrarOcultarVehiculo").addClass('ocultarMasDatos');
  	  		}
  		});    
  		
  		var aceptar = function () {
			$("#mostrar").dialog("destroy");
			$("#mostrar").remove();
  		};
                var aceptarParte = function () {
                        window.location =  "<?php echo url_for('@crm_parte_new'); ?>?contacto_id=<?php echo $cliente->getId();?>&vehiculo_id=<?php echo $vehiculo->getId();?>";
  		};
  		var dialogOpts = {
  			autoOpen: true,
  			width:650,
  			minHeight:600,
  			closeOnEscape: true,
  			modal: true,
  			buttons: {
  				"<?php echo __("Aceptar")?>": aceptar,
                                "<?php echo __("Añadir Orden")?>": aceptarParte,
  			},
  			open: function() {
      			$(this).parents('.ui-dialog-buttonpane button:eq(2)').focus();
    		},
  			close: function(event, ui) {
  				$("#mostrar").dialog("destroy");
  				$("#mostrar").remove();
  			}
  		};
  		$("#mostrar").dialog(dialogOpts);
   });
  </script>

